<div id="content">
    <div class="container_box" style="margin-right:20px; background-color: white">
        <ul id="myTab" class="nav nav-tabs">
            <li class="active">
                <a href="#project" data-toggle="tab">项目信息</a>
            </li>
            <li>
                <a href="#device" data-toggle="tab">设备信息</a>
            </li>
        </ul>
        <div id="myTabContent" class="tab-content row">
            <div class="tab-pane fade in active" id="project" style=" padding: 20px">
                <h6>项目名称</h6>
                <div class="row">
                    <div class="col-sm-3">
                        <input type="text" class="form-control" ng-model="infor.name">
                        <span style="color: red; position: absolute; top: 0; right: 0">*</span>
                    </div>
                </div>

                <h6>项目编号</h6>
                <div class="row">
                    <div class="col-sm-3">
                        <input type="text" class="form-control" ng-model="infor.project_num">
                        <span style="color: red; position: absolute; top: 0; right: 0">*</span>
                    </div>
                </div>

                <h6>客户名称</h6>
                <div class="row">
                    <div class="col-sm-3">
                        <input type="text" class="form-control" ng-model="infor.clientname">
                        <span style="color: red; position: absolute; top: 0; right: 0">*</span>
                    </div>
                </div>
                <h6>项目说明</h6>
                <div class="row">
                    <div class="col-sm-4">
                        <textarea class="form-control" rows="3" ng-model="infor.des"></textarea>
                    </div>
                </div>
                <!-- 保存项目 -->
                <a class="btn btn-primary margin-top-10" ng-hide="visible" href="javascript:void (0)" ng-click="save_infor()">保存</a>
            </div>
            <!-- 设备列表start -->
            <div class="tab-pane fade" id="device" style="padding-left: 20px;padding-right: 20px;">
                <div class="row alldev">
                    <div class="col-md-4 cell" ng-repeat="dev in datas">
                        <div class="dev_top">
                            <a ng-href="javascript:void(0);">{{dev.typename}}</a>
                            <a ng-href="javascript:void(0);">{{dev.deviceid}}</a>
                            <i class="glyphicon glyphicon-chevron-right"></i>
                            <span>{{dev.proname}}</span>
                            <span class="pull-right status {{dev.class_status}}">{{dev.statusname}}</span>
                        </div>
                        <div class="dev_middle">
                            <div class="dev_middle_left" ng-click="showEditDevice(dev)" style="cursor: pointer;">
                                <img src="styles/img/project/havepic.jpg" class="img-responsive dev_img" alt="styles/img">

                            </div>
                            <div class="dev_middle_right padding-left-10">
                                <p>
                                    <span class="span1">设备名称：</span> <span>{{dev.devicename}}</span>
                                </p>
                                <p>
                                    <span class="span1">客户名称：</span> <span>{{dev.clientname}}</span>
                                </p>
                                <p>
                                    <span class="span1">端口：</span> <span>{{dev.port}}</span>
                                </p>
                                <p>
                                    <span class="span1">位置：</span> <span>{{dev.pos}}</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="dev_jiazai" style="margin-bottom: 10px;">
                    <a ng-click="jiazai_more()">
                        <span>加载更多...</span>
                    </a>
                </div>
            </div>
            <!-- 设备列表end -->
        </div>

    </div>
</div>